Cloudinary Cheatsheet

January 04, 2023

Install and configure the SDK in your application code -

JavaScript

npm install cloudinary-core --save

var cl = new cloudinary.Cloudinary({cloud_name: "dm2i0nggm", secure: true});

Node.js

npm install cloudinary

cloudinary.config({ 
  cloud_name: 'dm2i0nggm', 
  api_key: '316443853788968', 
  api_secret: 'aMTulyDCA1d7gIg7LiFOjbaRAVc' 
});

React

npm install cloudinary-react --save

<CloudinaryContext cloudName="dm2i0nggm">
  <div>
    <Image publicId="sample" width="50" />
  </div>
  <Image publicId="sample" width="0.5" />
</CloudinaryContext>

Angular

bower install cloudinary_ng#1.x --save

yourApp.config(['cloudinaryProvider', function (cloudinaryProvider) {
  cloudinaryProvider
      .set("cloud_name", "dm2i0nggm")
      .set("secure", true)
      .set("upload_preset", "my_preset");
}]);